<template>
  <div>
     <el-card>
       <div id="all1">
         <div id="plat">平台概况:</div>
         <div id="settle">
            <div id="right">
              <div>订单销售总金额 (元)</div>
              <div id="money">0.00</div>
            </div>
            <div id="right">
              <div>供应商订单销售总金额 (元)</div>
              <div id="money">0.00</div>
            </div>
             <div id="right">
              <div>平台订单总抽成 (元)</div>
              <div id="money">0.00</div>
            </div>
          </div>
       </div>
       <div id="all1">
         <div id="plat">店铺概况:</div>
         <div id="settle">
            <div id="right1">
              <div>店铺结算总金额 (元)</div>
              <div id="money">0.00</div>
            </div>
            <div id="right1">
              <div>店铺入驻总金额 (元)</div>
              <div id="money">0.00</div>
            </div>
             <div id="right1">
              <div>店铺总保证金 (元)</div>
              <div id="money">0.00</div>
            </div>
             <div id="right1">
              <div>已提现金额 (元)</div>
              <div id="money">0.00</div>
            </div>
            <div id="right1">
              <div>店铺总可用金额 (元)</div>
              <div id="money">0.00</div>
            </div>
          </div>
       </div>
     </el-card>
     
  </div>
</template>

<script>
import {defineComponent, ref, reactive, toRef, toRefs, computed, watch, watchEffect, onMounted} from 'vue'

export default defineComponent({
    name:'FinanceOverview',
    setup(props, context) {

        return{

        }
    }
})
</script>
<style lang="scss" scoped>
    #settle{
      display: flex;
      text-align: center;
      flex-wrap: wrap;
    }
    #right{
      width:30%;
      // height: 90px;
    }
    #plat{
      font-size: 16px;
      font-weight: bold;
      margin: 20px 0px;
    }
    #money{
      font-size: 17px;
      font-weight: bold;
    }
    #all1{
      height: 100px;
    }
    #right1{
      width:30%;
    }
</style>